// const path = require('path')
// function resolve(dir) {
//   return path.join(__dirname, dir)
// }
module.exports = {
  chainWebpack: config => {
    // 发布模式
    config.when(process.env.NODE_ENV === 'production', config => {
      config.entry('app').clear().add('./src/main-prod.js')
      config.set('externals', {
        vue: 'Vue',
        axios: 'axios',
        nprogress: 'NProgress'
      })
      config.plugin('html').tap(args => {
        args[0].isProd = true
        return args
      })
    })

    // 开发模式
    config.when(process.env.NODE_ENV === 'development', config => {
      config.entry('app').clear().add('./src/main-dev.js')
      config.plugin('html').tap(args => {
        args[0].isProd = false
        return args
      })
    })

    config.module
	  .rule('images')
	  .test(/\.(png|jpe?g|gif|svg)(\?.*)?$/)
	  .use('image-webpack-loader')
	  .loader('image-webpack-loader')
	  .options({
	    bypassOnDebug: true
	  })
	  .end()
  }
  // 警告 webpack 的性能提示
  // configureWebpack : {
  //   performance: {
  //     hints:'warning',
  //     //入口起点的最大体积 整数类型（以字节为单位）
  //     maxEntrypointSize: 50000000,
  //     //生成文件的最大体积 整数类型（以字节为单位 300k）
  //     maxAssetSize: 30000000,
  //     //只给出 js 文件的性能提示
  //     assetFilter: function(assetFilename) {
  //       return assetFilename.endsWith('.js');
  //     }
  //   }
  // }
}
